<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.c1{
				color: red; /* "文本颜色" */
			}
			.c2{
				letter-spacing: 5px; /* "字符间距离" */
			}
			.con{
				width: 400px;
				height: 200px ;
				border: #000000 1px solid; /* "盒子模型" */
			}
			.c3{
				line-height: 150px;
				text-align: center; /* "文本行距" */
			}
			.c4{
				text-indent: 2em; /* "文本首行缩进" */
			}
			.c5{
				text-align: center; /* "水平对齐，文本居中" */
			}
		</style>
	</head>
	<body>
		<div class="c1">这是红色的文本</div>
		<div class="c2">这是字符间距为5px的hello</div>
		<div class="con">
			<div class="c3">这是行高为3倍字体的文本</div>
		</div>
		
		<div class="c4">首缩进两个字符文本</div>
		<div class="c5">这是居中文本</div>
	</body>
</html>
